.page {
	// min-height: calc(100vh - 40upx);
	// background-color: #f4f4f4;
	padding-top: 40upx;
	.topitem{
		flex: 1;
		.top {
			// margin: 40upx;
			margin: 0 40upx 40upx 40upx;
			width: 670upx;
			height: 244upx;
			background-color: #ffffff;
			border-radius: 10upx;
			.toptit {
				padding: 36upx 30upx;
				.keti{
					// padding-left: 15rpx;
					// color: #2396f3;
					padding-right: 10rpx;
				}
			}
			.topcon {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 0 36upx;
				border-bottom: solid 2rpx #d6d6d6;
				padding-bottom: 20rpx;
				view {
					font-size: 40upx;
					text {
						font-size: 80upx;
					}
					input {
						display: inline-block;
						padding: 0 20upx;
						width: 400upx;
					}
				}
			}
		
		}
		.list{
			padding: 0 40rpx;
			.item{
					margin: 30upx 0upx 0upx 0upx;
					border-bottom:  solid 2rpx #d4d4d4;
					padding-bottom: 36rpx;
					color: #177ed1;
			}
			.item1 {
					margin: 30upx 0upx 0upx 0upx;
					 padding-top: 20rpx;
					
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					view {
						width: 424upx;
						background-color: #ffffff;
						
						display: flex;
						flex-direction: row;
						align-items: center;
						border-bottom:  solid 2rpx #d4d4d4;
						padding-bottom: 20rpx;
						text {
							// padding-left: 40upx;
							font-size: 30upx;
							display: inline-block;
							width: 120upx;
						}
						input {
							// height: 80upx;
							font-size: 28upx;
							
						}
					}
					
					button {
						width: 222rpx;
			height: 60rpx;
						line-height: 60rpx;
						border-radius: 33rpx;
						background-color: #2296f3;
						color: #fff;
						font-size: 28upx;
						margin-left: 30rpx;
					}
				}
		}
		.tip{
			color: #2296f3;
			padding-top: 40rpx;
		}
			
		.con {
			padding: 0 40upx;
			.tit {
				padding-bottom: 30upx;
				// padding: 30upx 0px;
				font-size: 28upx;
			}
			.conitem {
				display: flex;
				justify-content: space-between;
				flex-direction: row;
				width: 630upx;
				height: 90upx;
				background-color: #ffffff;
				border-radius: 10upx;
				align-items: center;
				font-size: 32upx;
				padding: 0 20upx;
				margin-bottom: 30upx;
				text{
					padding-left: 20upx;
					font-size: 32upx;
				}
				.itemleft{
					display: flex;
					align-items: center;
				}
				.yinlian {
					width: 58upx;
					height: 40upx;
				}
				.weixin {
					width: 46upx;
					height: 46upx;
				}
				.zhifubao {
					width: 44upx;
					height: 44upx;
				}
			}
		}
			.queren {
			
				// margin:0 auto;
			margin-top: 50upx;
			width: 670upx;
			height: 90upx;
			background-color: #2296f3;
			border-radius: 40rpx;
			color: #fff;
			line-height: 90upx;
			font-size: 32upx;
			
		}
	}
	.tip1{
		color: #adadad;
		width: 100%;
		height: 140rpx;
		text-align: center;
		margin-top: 3vh;
	}
	
}
